import React from 'react'
import { Radio } from 'antd';
import {
    PrinterOutlined,
    LeftOutlined,
    CheckCircleFilled,
    ClockCircleFilled
} from '@ant-design/icons';

export default function Progress(props) {
    console.log('Progress:', props);
    const goBack = () => {
        props.goBack && typeof props.goBack === 'function' && props.goBack()
    }
    return (
        <div className='nav'>
            <span className='title2'>{props.title || '还款详情'}</span>
            <div className='right'>
                <div>
                    <span className='top'>初审 <CheckCircleFilled /> </span>
                    <span className='top'>复审 <CheckCircleFilled /> </span>
                    <span className='top'>终审 <CheckCircleFilled /> </span>
                    <span className='top'>放款 <CheckCircleFilled /> </span>
                    <span className='top'>还款 <CheckCircleFilled /> </span>
                    <span className={props.isFinish ? 'top' : 'top2'}>完成 {props.isFinish ? <CheckCircleFilled /> : <ClockCircleFilled />} </span>

                    <Radio.Button value="large" className='buttonloan'> <PrinterOutlined /> 打印</Radio.Button>

                    <Radio.Button value="large" className='buttonloan' onClick={goBack}> <LeftOutlined /> 返回</Radio.Button>

                </div>
            </div>
        </div>
    )
}
